﻿
<!DOCTYPE html>
<html lang="zh-cn">
<head>

    <title> <?php echo config('systemName') ?></title>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit"/>
    <title><?php echo config('system_name'); ?></title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="shortcut icon" href="__STATIC__/img/favicon.ico" />
    <link rel="stylesheet" href="__STATIC__/plugs/awesome/css/font-awesome.min.css?ver={:date('ymd')}">
    <link rel="stylesheet" href="__STATIC__/plugs/bootstrap/css/bootstrap.min.css?ver={:date('ymd')}"/>
    <link rel="stylesheet" href="__STATIC__/plugs/layui/css/layui.css?ver={:date('ymd')}"/>
    <link rel="stylesheet" href="__STATIC__/theme/default/css/console.css?ver={:date('ymd')}">
    <link rel="stylesheet" href="__STATIC__/theme/default/css/animate.css?ver={:date('ymd')}">{block name="style"}{/block}
    <script src="__STATIC__/plugs/require/require.js?ver={:date('ymd')}"></script>
    <script src="__STATIC__/admin/app.js?ver={:date('ymd')}"></script>
    <script>window.ROOT_URL='__PUBLIC__';</script>
    <style>
        body{
            background: url(/static/img/timg.jfif) no-repeat right top;
            background-size: cover;
        }
        .input_title{
            font-size: 14px;
            font-weight: bold;

        }
        .login-container .container{
            height: 685px !important;
        }
        .login-container .login-input{
            border: none !important;
            border-bottom: 1px solid #333 !important;
            background: none !important;
            padding-left: 0px !important;
        }
        .layui-btn{
            background:  #1aa3ff !important;
            border-radius: 200px !important;
        }
    </style>
    <script src="/static/js/jquery-1.4.3.min.js"></script>
</head>
<body>


<link rel="stylesheet" href="__STATIC__/theme/default/css/login.css">


<div class="login-container full-height">


    <!-- 页面表单主体 开始 -->
    <div class="container">
        <form onsubmit="return false;" data-time="0.001" data-auto="true" method="post" class="content layui-form animated fadeInDown"
              style="    background: white;
    padding: 20px 40px;
    border-radius: 10px;
    margin-top: 150px;">

            <div style="text-align: left;margin-bottom: 40px;margin-left:40px;margin-top:40px;">
<!--                <img src="/static/img/logo.png" alt="" width="70%">-->
                <div  alt="" width="70%" style="font-size:20px;margin-left:40px;font-weight: bold;color:black"><?php echo config('systemName') ?></div>
            </div>
            <ul>
                <li>
                    <p class="input_title">用户名</p>
                    <input name='username' class="hide"/>
                    <input required="required" pattern="^\S{4,}$" value="" name="username"
                           autofocus="autofocus" autocomplete="off" class="login-input username"
                           title="请输入4位及以上的字符" placeholder="请输入..."/>
                </li>
                <li>
                    <p class="input_title">密码</p>
                    <input name='password' class="hide"/>
                    <input required="required" pattern="^\S{4,}$" value="" name="password"
                           type="password" autocomplete="off" class="login-input password"
                           title="请输入4位及以上的字符" placeholder="请输入..."/>
                </li>
                <li class="text-center" style="margin-top:50px;">
                    <button type="submit" class="layui-btn layui-disabled" data-form-loaded="立 即 登 入">正 在 载 入</button>
                    <!--<a style="position:absolute;display:block;right:0" href="javascript:void(0)">忘记密码？</a>-->
                </li>
            </ul>
        </form>
    </div>
    <!-- 页面表单主体 结束 -->

    <!-- 底部版权信息 开始 -->
    <div class="footer notselect"><?php echo config('copyright'); ?></div>
    <!-- 底部版本信息 结束 -->

</div>

<script>
    if (window.location.href.indexOf('#') > -1) {
        window.location.href = window.location.href.split('#')[0];
    }
    require(['jquery'], function ($) {
        $('[name="password"]').on('focus', function () {
            $('#left-hander').removeClass('initial_left_hand').addClass('left_hand');
            $('#right-hander').removeClass('initial_right_hand').addClass('right_hand')
        }).on('blur', function () {
            $('#left-hander').addClass('initial_left_hand').removeClass('left_hand');
            $('#right-hander').addClass('initial_right_hand').removeClass('right_hand')
        });
    });
</script>

</body>
</html>



